@charset "utf-8";
/**
 * name:        商品详情样式
 * author:      wuwq & lyj
 * Time:        18/01/26
 * Copyright:   bgemall.com
 */

 /* 商品详情头部路径 */
.goods_route{ width: 100%; height: 36px; background: #f8f8f8;margin-bottom: 20px;}
.goods_route ul{ width: 1050px; height: 100%; margin: auto; line-height: 36px; font-size: 12px;}
.goods_route ul li{float: left; color: #666; margin-right: 6px;}
.goods_route ul li a{ color: #666; margin-right: 6px;}
.goods_route ul li a:hover{ color: #f10215}

/* 商品详情头部 */
.goods_details{width: 1050px;height: 474px;margin: 0 auto 50px;}
.goods_details .l_wrap{width: 445px;height: 360px;float: left;position: relative;}
.small_box{position: relative;width: 360px;height: 360px;margin-bottom: 20px;border: 1px solid #e4e4e4;float: left;}
.small_box img{display: block;width: 100%;}
.small_box .hover{display: none;position: absolute;left: 0;top: 0;width: 180px;height: 180px;background: #0099ff;opacity: .5;filter: alpha(opacity: 50);cursor: move;}
/* .small_box:hover .hover{display: block;} */
.small_box i{display: block;position: absolute;right: 0;bottom: 0;width: 24px;height: 24px;background: url(../../img/base/goods_search.png) 0 center no-repeat;opacity: .6;}
.small_box:hover i{display: none;}

.thumbnail_box{width: 52px;height: 360px;position: relative;float: left;margin-left: 20px;}
.thumbnail_box .btn{position: absolute;top: 50%;width: 8px;height: 14px;margin-top: -4px;}
.thumbnail_box .btn_prev{background: url(../../img/base/triangle_left_01.png) 0 center no-repeat;left: 0;}
.thumbnail_box .btn_next{background: url(../../img/base/triangle_right_01.png) 0 center no-repeat;right: 0;}
.thumbnail_box .list{overflow: hidden;width: 52px;margin: 0 auto;}
.thumbnail_box .wrapper{width: 100000px; overflow: hidden; position: relative;height: 355px;padding-top: 5px;}
.thumbnail_box .list .item{width: 50px;height: 50px;overflow: hidden;margin-bottom: 25px;border:1px solid #fff}
.thumbnail_box .list .item img{display: block;width: 100%;}
.thumbnail_box .list .item-cur{border: 1px solid #f10215;}

.social, .social ul{width: 100%;height: 22px;}
.social ul li{width: 150px;height: 22px;line-height: 22px;float: left;margin-left: 22px;text-align: center;}
.social ul li a{display: block;font-size: 12px;color: #999;}
.icon_star{display: block;width: 11px;height: 11px;background: url(../../img/base/star.png) 0 center no-repeat;float: left;margin-top: 5px;}
.icon_share{display: block;width: 13px;height: 11px;background: url(../../img/base/share.png) 0 center no-repeat;float: left;margin-top: 6px;}
.social ul li a span{display: block;padding: 0 0 0 5px;float: left;}
.social ul li a em{display: block;padding: 0 0 0 5px;float: left;}

.big_box{display: none;overflow: hidden;position: absolute;left: 452px;top: 0;width: 360px;height: 360px;border: 1px solid #e4e4e4; z-index: 2;}
.big_box img{display: block;}
/* 头部商品详情 */
.goods_details .r_wrap{width: 460px;height: auto;float: left;margin-left: 30px;}
.append{width: 460px;height: auto;}
.goods_details .r_wrap .append .intro{width: 100%;margin-bottom: 25px;}
.goods_details .r_wrap .append .intro .name{font-size: 16px;font-weight: 700;color: #000;line-height: 28px;margin-bottom: 7px;}
.goods_details .r_wrap .append .intro .desc{width: 100%;font-size: 14px;line-height: 18px;color: #f10215;}
.goods_details .r_wrap .append .price{width: 460px;height: 60px;line-height: 60px;background: #f2f2f2;margin-bottom: 14px;}
.goods_details .r_wrap .append .price .name{font-size: 12px;color: #999;display: block;float: left;padding: 0 10px;}
.goods_details .r_wrap .append .price .rnb{font-size: 16px;color: #f10215;display: block;float: left; padding-right: 10px;}
.goods_details .r_wrap .append .price .special_price{font-size: 24px;color: #f10215;display: block;float: left;padding-right: 20px;}
.goods_details .r_wrap .append .price .price_notice{font-size: 12px;color: #006699;display: block;float: left;}
.goods_details .r_wrap .append .norms{width: 460px;height: auto; float: left;}
.goods_details .r_wrap .append .norms .norms_name{width: 50px;font-size: 12px;color: #666;margin: 7px 0 0 10px;line-height: 30px;float: left;}
.goods_details .r_wrap .append .norms .norms_spec{width: 400px;float: left;}
.goods_details .r_wrap .append .norms .ify_yes span{display: block;width: 50px;height: 50px;margin: 0 10px 10px 0;float: left;border: 1px solid #dbdbdb;cursor: pointer;}
.goods_details .r_wrap .append .norms .ify_yes span img{display: block;width: 100%;}
.evaluate_tip.evaluate_tip_2 span.active{color: #f10215;}
.goods_details .r_wrap .append .norms .ify_yes .active{border: 1px solid #f10215;}
.goods_details .r_wrap .append .norms .ify_yes span:hover{border: 1px solid #f10215;}
.goods_details .r_wrap .append .norms .ify_no span{display: inline-block;padding: 6px 14px;margin: 5px 5px 10px 0;border: 1px solid #dbdbdb;cursor: pointer;}
.goods_details .r_wrap .append .norms .ify_no .active{border: 1px solid #f10215;}
.goods_details .r_wrap .append .norms .ify_no span:hover{border: 1px solid #f10215;}
.goods_details .input_num .input{display: block;width: 100px;height: 40px;float: left;}
.goods_details .input_num .input input{display: block;width: 38px;height: 38px;border: 1px solid #d8d8d8;text-align: center;line-height: 48px;float: left;}
.goods_details .input_num .buy_btn{display: block;width: 15px;height: 38px;border-top: 1px solid #d8d8d8;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;text-align: center;float: left;}

.goods_details .input_num .add{display: block;width: 20px;height: 38px;border: 1px solid #d8d8d8;text-align: center;line-height: 38px;cursor: pointer;border-left: none;float: left;background: #f2f2f2;}
.goods_details .input_num .minus{display: block;width: 20px;height: 38px;border: 1px solid #d8d8d8;text-align: center;line-height: 38px;cursor: pointer;border-right: none;float: left;background: #f2f2f2;}

.goods_details .input_num .storage{display: block;float: left;margin-left: 20px;height: 40px;line-height: 40px;font-size: 12px;color: #666;}
.goods_details .norms .norms_label{display: block;height: 40px;line-height: 42px;width: 400px;float: left;font-size: 12px;color: #f10215;font-weight: 700;}
.goods_details .btn_group{margin-top: 40px;}
.goods_details .norms .join_cart{display: inline-block;width: 140px;height: 36px;text-align: center;line-height: 36px;color: #fff;margin-left: 54px;border-radius: 2px;margin-left: 20px;
    background: -webkit-linear-gradient(90deg, #f45e6a, #f10215); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #f45e6a, #f10215); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #f45e6a, #f10215); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #f45e6a, #f10215); /* 标准的语法 */
    box-shadow: 0 4px 10px rgba(241,2,21,.25);
    font-size: 16px;}
.goods_details .norms .join_cart:hover{background: #D60113; }
.goods_details .norms .buy_now_btn{display: inline-block;width: 138px;height: 34px;text-align: center;line-height: 34px;background: #fff;border: 1px solid #f10215;color: #f10215;margin-left: 20px;border-radius: 2px;font-size: 16px;}
.goods_details .norms .buy_now_btn:hover{ background: #f10215; border:#f10215 solid 1px; color: #fff; transition: all 0.2s }
.goods_details .norms .share_btn{display: inline-block;width: 78px;height: 34px;text-align: center;line-height: 34px;background: #f2f2f2;border: 1px solid #e5e5e5;margin-left: 20px;border-radius: 2px;}
.goods_details .r_wrap .append .norms  span{ position: relative;}
.goods_details .r_wrap .append .norms  span.none::before{ position: absolute; z-index: 1; content: '不足'; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; left: 0; color: #fff; text-align: center; font-size: 12px; line-height: 28px;}
.goods_details .r_wrap .append .norms  span.none{ background: #f5f5f5;}
/* 商品详情 */
.mod_explicit{width: 1200px;height: auto;margin: 0 auto 50px;overflow: hidden;}
/* 购吧推荐 */
.mod_explicit .recommend{width: 198px;height: auto;border: 1px solid #e5e5e5;float: left;margin-right: 10px;}
.mod_explicit .recommend .recommend_tit{width: 100%;height: 34px;line-height: 34px;text-align: center;background: #f8f8f8;}
.mod_explicit .recommend .recommend_list{width:100%;height: auto;overflow: hidden; padding-top: 8px;}
.mod_explicit .recommend .recommend_list li{margin:0 auto  20px auto;width: 180px;height: auto; overflow: hidden;}
.mod_explicit .recommend .recommend_list li:hover{ box-shadow: 0 0 4px rgba(0,0,0,0.3)}
.mod_explicit .recommend .recommend_list li a{display: block;}
.mod_explicit .recommend .recommend_list li img{display: block;width: 180px;height: 180px;margin-bottom: 5px;}
.mod_explicit .recommend .recommend_list li .recommend_price{width: 100%;height: 20px;line-height: 20px;margin-bottom: 5px;}
.mod_explicit .recommend .recommend_list li .recommend_price span{display: inline-block;padding: 0 5px 0 0;font-size: 20px;color: #f10215;}
.mod_explicit .recommend .recommend_list li .recommend_price del{display: inline-block;padding: 0 5px 0 0;font-size: 12px;color: #999;}
.mod_explicit .recommend .recommend_list li .recommend_name{height: 40px;line-height: 20px;font-size: 12px;color: #666;overflow: hidden; padding: 0 4px;}
/* 详情 */
.mod_explicit .r_wrap{width: 986px;height: auto;border: 1px solid #e5e5e5;float: left;}
.mod_explicit .r_wrap .top_tip{width: 100%;;height: 34px;background: #f8f8f8;overflow: hidden;}
.mod_explicit .r_wrap .top_tip li{width: 96px;height: 34px;float: left;line-height: 34px;text-align: center;border-top: 1px solid #f2f2f2;cursor: pointer;}
.mod_explicit .r_wrap .top_tip li.active{background: #fff;border-top: 2px solid #f10215;}

.mod_explicit .r_wrap .depict_wrap{width: 986px;height: auto;display: none;}
/* 商品详情 */
.mod_explicit .r_wrap .goods_content{width: 966px;padding: 10px;overflow: hidden;}
.mod_explicit .r_wrap .goods_content img{display: block;width: 100%;margin: 0 auto;}
.mod_explicit .r_wrap .goods_content div{width: 966px;overflow: hidden;margin: 0 auto !important;}
/* 商品评论 */
.mod_explicit .r_wrap .goods_evaluate{width: 986px;padding-top: 20px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_tip{width: 100%;height: 36px;background: #f9f9f9;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_tip span{display: inline-block;padding: 0 10px;height: 36px;line-height: 36px;font-size: 12px;margin-right: 10px; cursor: pointer;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top{width: 100%;height: 182px;overflow: hidden;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .l_evaluate,
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .r_evaluate{display: block;width: 220px;height: 120px;float: left;margin-top: 30px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .l_evaluate{margin-left: 42px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .l_evaluate li{width: 100%;margin-bottom: 20px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .l_evaluate .evaluate_xf{height: 15px;line-height: 15px;font-size: 12px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .l_evaluate .evaluate_num{height: 30px;line-height: 30px;font-size: 40px;color: #f10215;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .l_evaluate .evaluate_star{height: 23px;overflow: hidden; position: relative;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .l_evaluate .evaluate_star .icon_start{display: block;width: 136px;height: 23px;background: url(../../img/base/star_icon.png) 0 center no-repeat; position: absolute; z-index: 1; top: 0;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .l_evaluate .evaluate_star .icon_start1{display: block;width: 136px;height: 23px;background: url(../../img/base/star_icon1.png) 0 center no-repeat;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .r_evaluate{margin-left: 125px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .r_evaluate li{width: 100%;height: 16px;margin-bottom: 10px;overflow: hidden;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .r_evaluate li span{display: block;width: 100px;height: 16px;line-height: 16px;text-align: right;margin-right: 10px;float: left;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .r_evaluate li .evaluate_jd{width: 110px;height: 16px;overflow: hidden;display: block;background: #f2f2f2;float: left;border-radius: 2px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_top .r_evaluate li .evaluate_jd div{height: 16px;background: #f10215;width: 0%;}

.mod_explicit .r_wrap .goods_evaluate .evaluate_list{display: block;width: 914px;height: auto;margin: 0 auto;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list>li{width: 100%;height: 175px;border-bottom: 1px solid #f2f2f2;padding-top: 30px;overflow: hidden;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_l,
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r{display: block;height: auto;float: left;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_l{width: 224px;margin-right: 10px;overflow: hidden;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_l>div{width: 25px;height: 25px;border-radius: 50%;overflow: hidden;float: left;margin-right: 10px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_l>div>img{width: 100%;height: 100%;display: block;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_l>span{float: left;display: block;height: 25px;line-height: 25px;}

.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r{width: 680px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r li{width: 100%;margin-bottom: 10px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r .user_evaluate_star{width: 100%;height: 23px;overflow: hidden; position: relative;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r .user_evaluate_star .icon_star{display: block;width: 136px;height: 23px;background: url(../../img/base/star_icon.png) 0 center no-repeat;margin: 0;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r .uesr_evaluate_txt{width: 38%;height: 84px;line-height: 20px;font-size: 12p;overflow: hidden;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r .uesr_evaluate_img{width: 100%;height: 48px;margin-bottom: 20px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r .uesr_evaluate_img>img{width: 48px;height: 48px;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r .uesr_evaluate_time{width: 100%;height: 20px;line-height: 20px;font-size: 12p;overflow: hidden;}
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r .uesr_evaluate_time .user_buy_spec,
.mod_explicit .r_wrap .goods_evaluate .evaluate_list li .evaluate_r .uesr_evaluate_time .user_buy_time{width: 110px;height: 20px;line-height: 20px;font-size: 12p;overflow: hidden;color: #999;display: inline-block;}
.custom{ width: 100%; height: auto; overflow: hidden; border-bottom: #e5e5e5 solid 1px; margin-bottom: 10px;}
.custom li{ width: 33.3333%; float: left; line-height: 34px; font-size: 13px; color: #444;}
.known{ display: inline-block; width: 14px; height:14px; border-radius: 50%; border: #666 solid 1px; line-height: 14px; text-align: center; color: #666; font-size: 13px; margin-left: 14px; position: relative;cursor: pointer;}
.known:hover .known_text{display: block}
.freight{position:relative;}
.known_text{ width: 210px; height: 70px; background: rgba(214,214,214,0.6); border-radius: 4px; font-size: 12px; color: #333; padding: 6px; position: absolute; z-index: 1; top:-15px; text-align: left; line-height: 30px; left: 20px; display: none;}
.known_text::before{content: ''; position: absolute;z-index: 1;width: 0; height: 0; border-top: 8px solid transparent; border-right: 10px solid rgba(214,214,214,0.6); border-bottom: 8px solid transparent; left: -10px; top: 14px;}
